<template>
	<view class="indexSwiper">
		<view class="inner">
			<view class="swiper">
				<u-swiper :list="bigSwiper" indicator indicatorMode="line" circular height="175"></u-swiper>
			</view>
			<view class="background" />
		</view>
	</view>
</template>

<script>
	import {
		mapState
	} from 'vuex'
	export default {
		computed: {
			...mapState(['bigSwiper'])
		},
		methods: {

		}
	}
</script>

<style lang="less" scoped>
	.indexSwiper {
		width: 100%;

		.inner {
			position: relative;
			padding: 10rpx 20rpx 20rpx 20rpx;
			box-sizing: border-box;

			.swiper {
				position: relative;
				z-index: 20;
			}

			.background {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 175rpx;
				background-color: #e94921;
				z-index: 5;
				border-bottom-left-radius: 28rpx;
				border-bottom-right-radius: 28rpx;
			}
		}
	}
</style>